<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<!--框架开始-->
		<script src="../../skin/js/public.js"></script>
		<script src="../../js/convenient/convenient-bus-detail.js"></script>
	</head>

	<body class="bianmin" id="bianmin">
		<!--头部-->
		<div class="yl-head">
			<div class="logo"></div>
		</div>

		<div class="yl-container">
			<div class="yl-container-l" id="left">
				
			</div>
			<div class="yl-container-r">
				<div class="yl-title1">公交卡充值</div>

				<div class="jiaofei-box">
					<div class="jiaofei-box-top"></div>
					<div class="form-box4">
						<div class="form-item form-heji">
							<div class="row cl">
								<label class="form_label2 col_6">苏州市民卡</label>
								<div class="form_value col_6"><span class="flag">￥</span><span>3.5</span></div>
							</div>
							<div class="gongjiao_yue">余额</div>
						</div>

						<div class="mt_20 mb_10">请选择缴费面额：</div>
						<div class="cl gongjiao-choose-box">
							<a class="choose-block m_scole">￥10</a>
							<a class="choose-block m_scole">￥20</a>
							<a class="choose-block m_scole">￥30</a>
							<a class="choose-block m_scole">￥50</a>
							<a class="choose-block m_scole">￥100</a>
							<a class="choose-block gray m_scole" id="qita" @click="otherMoney()">其他金额</a>
						</div>
						<div class="form-item tip2">
							<div>同意<span class="tip2_c" onclick="$.openDialog({'title':'','url':'便民_弹框-自助缴费服务协议.html','width':560,'height':616});">《天好自助缴费服务协议》</span></div>
						</div>
					</div>
				</div>

				<div class="btn-box1">
					<button class="btn btn_secondary radius btn2 m_scole mr_10" type="button" @click="return()">上一步</button>
					<button class="btn btn_primary radius btn2 m_scole" type="button" @click="pay()">立即缴费</button>
				</div>
			</div>
		</div>

		<!--立刻缴费-->
		<div class="gongjiao-calculation" style="display:none">
			<div class="row cl gongjiao-ca-title">
				<div class="col_8"><input id="myinput" class="input_text radius" placeholder="文本框" type="text"></div>
				<div class="col_4">
					<div class="query_btns">
						<a class="btn btnsure m_scole" value="sure" @click="sure()">确定</a>
					</div>
				</div>
			</div>
			<!--计算器-->
			<div class="calculator-box">
				<div class="query_btns" >
					<a class="btn" value="7" @click="enter('7')">7</a>
					<a class="btn" value="8" @click="enter('8')">8</a>
					<a class="btn" value="9" @click="enter('9')">9</a>
					<a class="btn" value="4" @click="enter('4')">4</a>
					<a class="btn" value="5" @click="enter('5')">5</a>
					<a class="btn" value="6" @click="enter('6')">6</a>
					<a class="btn" value="1" @click="enter('1')">1</a>
					<a class="btn" value="2" @click="enter('2')">2</a>
					<a class="btn" value="3" @click="enter('3')">3</a>
					<a class="btn btn2" value="clear" @click="enter('clear')">清空</a>
					<a class="btn" value="0" @click="enter('0')">0</a>
					<a class="btn btn2" value="del" @click="enter('del')">删除</a>
				</div>
			</div>
		</div>

	</body>

</html>